
<html>
	<head>
		<title>WebRtc peerConnection</title>
		<style>
			.local,
			.remote{
				display: flex;
			}
			.textarea{
				margin-left: 20px;
			}
			textarea{
				width: 500px;
				height: 600px;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="local">
				<div>
					<h2>Local:</h2>
					<video id="localvideo" autoplay playsinline></video>
				</div>
				<div class="textarea">
					<h2>Offer SDP:</h2>
					<textarea id="offer"></textarea>
				</div>
				
			</div>
			<div class="remote">
				<div>
					<h2>Remote:</h2>
					<video id="remotevideo" autoplay playsinline></video>
				</div>
				
				<div class="textarea">
					<h2>Answer SDP:</h2>
					<textarea id="answer"></textarea>
				</div>
			</div>
			<div>
				<button id="start">Start</button>
				<button id="call">Call</button>
				<button id="hangup">HangUp</button>
			</div>
		</div>
		<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
		<script src="./main.js"></script>
	</body>
</html>
